<template>
  <view class="styleGuideHall">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <image class="image1" src="../../static/image/report1.png" mode="" />
    <view class="workCont">
      <view class="text1" @click="gotoJump('/pageContent/interaction/messageBoard')">
        <text class="txt2 u-line-1">在线举报</text>
        <u-icon name="arrow-right" color="#999" size="20"></u-icon>
      </view>
      <view class="text1">
        <text class="txt2 u-line-1" @click="callPhone">电话热线</text>
        <u-icon name="arrow-right" color="#999" size="18"></u-icon>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  onLoad() {},
  methods: {
    gotoJump(url) {
      uni.navigateTo({
        url: url,
      })
    },
    callPhone() {
      uni.showModal({
        title: '提示',
        content: '确定需要拨打电话：88131082 吗？',
        success: function (res) {
          if (res.confirm) {
            uni.makePhoneCall({
              phoneNumber: '88131082', //仅为示例
            })
          }
        },
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.styleGuideHall {
  background: #f5f5f5;
  min-height: 100vh;
  .image1 {
    width: 100%;
    height: 310rpx;
    margin-bottom: 24rpx;
  }
  .line-tab {
    background: #fff;
    padding-bottom: 8rpx;
    border-bottom: 1px solid #e5e5e5;
  }
  .workCont {
    background: #ffffff;
    margin-bottom: 24rpx;

    .text1 {
      display: flex;
      justify-content: space-between;
      font-size: 26rpx;
      padding: 24rpx;
      color: #333333;
      border-bottom: 1px solid #eeeeee;
      .txt2 {
        width: 560rpx;
        line-height: 1.7;
      }
    }
  }
}
</style>